<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>ueditor图片对话框</title>
<script type="text/javascript" src="/js/ueditor/dialogs/internal.js"></script>

<!-- jquery -->
<script type="text/javascript" src="/js/ueditor/third-party/jquery-1.10.2.min.js"></script>
<!-- webuploader -->
<script src="../../third-party/webuploader/webuploader.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">
<script type="text/javascript" src="/js/jquery/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="/js/jquery/imagesloaded.pkgd.min.js"></script>
 <!-- image dialog -->
<link rel="stylesheet" href="image.css?v=873" type="text/css" />
<style>
#remote-links{margin-bottom:15px;}
#remote-links a {padding:5px 10px;text-decoration: none;}
#remote-links a.focus{background:#6b6261; color: #f8f5ef;text-decoration: none;}
#upload .filelist li .edit{height:20px;left:5px;cursor: pointer;bottom:0px; position: absolute;z-index:200;}

#upload .filelist li .success {
    bottom: 0;
    display: block;
    height: 40px;
    position: absolute;
    right: 0px;
	left:auto;
    width: 40px;
    z-index: 200;
}
.col-sm-4 {
    position: relative;min-height: 1px;
	margin: 0 0 9px 9px;width:190px;display: inline-block;vertical-align: top;
}
.pagelink {
    text-align: center;
}
.appmsg {
    position: relative;	
	margin: 5px;border:1px solid #CCC;padding:2px;
	cursor:pointer;
}
.appmsg:hover{z-index: 2;}
.appmsg img {
    width: 100%;max-width: 100%;
}
.cover {
    max-height: 150px;
    overflow: hidden;
    z-index: 20000;
}
.cover:hover{
    overflow: inherit;
}
.pagelink {
    text-align: center;
    line-height: 32px;
}
.uploadfile-toolbar{margin-left:15px;display:none;}
</style>
   
</head>
<body>

    <div class="wrapper">
        <div id="tabhead" class="tabhead">            
            <span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span>
            <span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span>
            <span class="tab" data-content-id="online">在线素材库</span>
            <span class="tab" data-content-id="mine">我的上传图片</span>
        </div>
        <div class="alignBar">
            <label class="algnLabel"><var id="lang_input_align"></var></label>
                    <span id="alignIcon">
                        <span id="noneAlign" class="none-align" data-align="none"></span>
                        <span id="leftAlign" class="left-align" data-align="left"></span>
                        <span id="rightAlign" class="right-align" data-align="right"></span>
                        <span id="centerAlign" class="center-align focus" data-align="center"></span>
                    </span>
            <input id="align" name="align" type="hidden" value="none"/>
        </div>
        <div id="tabbody" class="tabbody">
        
        	<div id="mine" class="panel" style="overflow-y:auto;"></div>

            <!-- 远程图片 -->
            <div id="remote" class="panel">
                <div class="top">
                    <div class="row">
                        <label for="url"><var id="lang_input_url"></var></label>
                        <span><input class="text" id="url" type="text"/></span>
                    </div>
                    <div style="margin:5px 20px;color:red;">
                    <a href="http://www.135editor.com/books/chapter/1/9" target="_blank">点击查看微信素材库图片使用操作说明</a></p>
                    </div>
                </div>
                <div class="left">
                    <div class="row">
                        <label><var id="lang_input_width"></var></label>
                        <span><input placeholder="输入整数或者百分比" style="width:130px;" class="text" type="text" id="width"/>px</span>
                        <label style="display:none;"><input id="lock" type="checkbox" disabled="disabled"><span id="lockicon"></span></label>
                    </div>
                    <!-- <div class="row">
                        <label><var id="lang_input_border"></var></label>
                        <span><input class="text" type="text" id="border"/>px
                         </span>
                    </div> -->
                    <div class="row">
                        <label>外边距：</label>
                        <span><input class="text" type="text" id="vhSpace" placeholder="margin值,需要输入像素单位(默认为em)"/> </span>
                    </div>
                    
                    <div class="row" style="font-weight:bold;color:red;">
                        <label>透明度：</label>
                        <span><input class="text" style="color:red;" placeholder="0,1或之间小数，0为完全透明，1为不透明 " type="text" id="opacity"/> </span>
                    </div>
                   <div id="image-mapurl" class="row" style="font-weight:bold;color:red;display:none;">
                       <label>热点链接</label> <!-- 链接不再支持，被微信过滤了 -->
                        <span><input class="text" title="热点链接微信不支持" type="text" style="width:180px" id="mapurl"/></span>
                    </div> <input class="text" type="hidden" id="title"/> <input class="text" type="hidden" id="vhSpace"/> <input class="text" type="hidden" id="height"/> <input class="text" type="hidden" id="border"/>
                </div>
                <div class="right"><div id="preview"></div></div>
            </div>

            <!-- 上传图片 -->
            <div id="upload" class="panel focus">
                <div id="queueList" class="queueList">
                    <div class="statusBar element-invisible">
                        <div class="progress">
                            <span class="text">0%</span>
                            <span class="percentage"></span>
                        </div>
                        <div class="info"></div>
                        <div class="btns">
                        	<div style="line-height: 16px;display:inline-block;float:right;text-align:right;">
                        		<label style="color:red;" title="设置了水印参数后才能生效"><input style="float:left;margin-top:4px;" type="checkbox" checked="checked" id="watermark-flag"/>自动加水印</label><br/>
                        		<a target="_blank" href="http://www.135editor.com/user_settings/setting">设置水印</a>
                        	</div>
                        	<a href="http://www.135plat.com/wxes/pauth" target="_blank" style="display:inline-block;float:right;padding: 0px 5px;border-radius: 3px;height: 32px; text-decoration: none; background: #dd5600;margin: 0 5px;color: #FFF;font-size: 14px;font-weight: bold;">公众号授权</a>
                            <div id="filePickerBtn"></div>
                            <div class="uploadBtn"><var id="lang_start_upload"></var></div>
                        </div>
                        
                    </div>
                    <div id="dndArea" class="placeholder">
                        <div style="height:60px;">
                        <div class="filePickerContainer" style="display: none;">
                            <div id="filePickerReady" style="display: inline-block;">
                            	
                            </div>
                            <div class="webuploader-pick" onclick="parent.meitu_upload(function(){dialog.close(false);});" style="display: inline-block;">美化图片上传</div>
                            <div class="webuploader-pick" onclick="parent.pingtu_upload(function(){dialog.close(false);});" style="display: inline-block;">拼接图片上传</div>
                        </div></div>
                        <p>
                            <a style="color: red;"  target="_blank" href="http://www.135editor.com/tools/goplat?referer=http%3A%2F%2Fwww.135plat.com%2Fcharge-service" >♕ 升级VIP会员</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <a style="color: red;"  target="_blank" href="http://www.135editor.com/user_settings/setting" >㊌ 水印设置</a>
                        </p>
                        <p><a href="http://www.135editor.com/books/chapter/1/9" style="text-decoration: none;" target="_blank">​☞ 如何使用微信素材图片库中的图片</a></p>

                    </div>
                    <ul class="filelist element-invisible">
                        <li id="filePickerBlock" class="filePickerBlock"></li>
                    </ul>
                </div>
            </div>

            <!-- 在线图片 -->
            <div id="online" class="panel">
                <div id="remote-links" style="padding-left:10px;">
                	<a href="#" class="focus" data-type="all">全部</a>
                	<a href="#" data-type="favor">收藏</a>
                	<a href="#" data-type="split">分隔线</a>
                	<a href="#" data-type="guide">引导图</a>
                	<a href="#" data-type="bg">背景图</a>
                	<a href="#" data-type="bggif">动态背景</a>                	
                	<a href="#" data-type="festival">节假日</a>
                </div>
            
                <div id="imageList"><var id="lang_imgLoading"></var></div>
            </div>

            <!-- 搜索图片 -->
            <!-- <div id="search" class="panel">
                <div class="searchBar">
                    <input id="searchTxt" class="searchTxt text" type="text" />
                    <select id="searchType" class="searchType">
                        <option value="&s=4&z=0"></option>
                        <option value="&s=1&z=19"></option>
                        <option value="&s=2&z=0"></option>
                        <option value="&s=3&z=0"></option>
                    </select>
                    <input id="searchReset" type="button"  />
                    <input id="searchBtn" type="button"  />
                </div>
                <div id="searchList" class="searchList"><ul id="searchListUl"></ul></div>
            </div> -->

        </div>
    </div>
    <script type="text/javascript" src="image.js?v=875"></script>

</body>
</html>
